<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<!-- IE 가 언제나 최신버젼으로 동작하도록 강제설정함 -->
		<title>링크태그</title>
	</head>
	<body>
		<h1 id="top">링크태그</h1>
		
		<ul style="height: 500px" id="pagemove">
			<li><a href="04html기본태그.html" accesskey="p">기본태그</a></li>
	 		<li><a href="05html글자모양태그.html">글자모양태그</a></li>
	 		<li><a href="06html목록태그.html">목록태그</a></li>
	 		<li><a href="07html링크태그.html">링크태그</a></li>
		</ul>
		
		<hr />
		<ul style="height: 500px" id="sitemove">
			<li><a href="http://google.co.kr" accesskey="w">구글</a></li>
			<li><a href="http://w3schools.com">W3Schools</a></li>
			<li><a href="http://clien.net">클리앙</a></li>
		</ul>
		
		<hr />
		<ul style="height: 500px" id="newtab">
			<li><a href="http://google.co.kr" target="_blank" accesskey="n">구글 (새창띄우기)</a></li>
			<li><a href="04html기본태그.html" target="_blank">기본태그 (새창띄우기)</a></li>
		</ul>
		
		<hr />
		<ul style="height: 500px" id="email" accesskey="m">
			<li><a href="mailto:zzyzigy@dreamwiz.com">이메일보내기</a></li>
		</ul>
		
		<hr />
		<ul style="height: 500px">
			<li><a href="#pagemove" accesskey="m">웹 페이지 간 이동</a></li>
			<li><a href="#sitemove">웹 사이트 간 이동</a></li>
			<li><a href="#newtab">새로운 창으로 열기</a></li>
			<li><a href="#email">이메일 보내기</a></li>
			<li><a href="#top">맨위로 이동</a></li>
		</ul>
		<span id="bottom"> </span>
		
		<!--
			a : 링크
			링크는 a 태그를 사용해서 생성
 			태그 사이의 내용을 클릭하면 링크가 동작
			링크 내용은 문자나 이미지등으로 구성
 			링크가 동작시 이동할 페이지는 
			href 속성으로 정의
			
			다른 사이트로 이동하는 링크를 만들때는
		 href 속성 값에 '절대 URL'이라는
		 사이트의 전체 웹 주소를 사용
			
			동일한 사이트에서 다른 페이지로
			이동하는 링크를 만들때는
 			href 속성 값으로 '상대 URL'이라는
 			사이트의 단축형 주소를 사용

			동일 페이지에서 특정 부분로
			이동하는 링크를 만들때는
		 id 속성을 이용해서 먼저 이동할 위치를 
			지정하고 식별할 수 있어야 함
		 id 속성값은 #으로 시작해야 함
		
			이메일 링크
		 href 속성값에 mailto: 와 전송할 
			이메일 주소 추가
		 	링크 클릭시 사용자 이메일 프로그램이
			자동으로 실행
			
			새창에서 링크 열기
		 a 태그에 target 이라는 속성을 추가
		 속성값으로는 _blank 를 사용
		 가급적 새창에서 링크를 여는 것은 자제
		-->
		<!--
			URL : uniform resource locator
		 모든 네트워크 자원(웹 페이지)는 
			고유한 이름이 존재
			네트워크 상에 자원이 어디에 있는지를
			알려주기 위한 규칙을 의미
		 프로토콜, 사이트 도메인 이름, 
			페이지의 경로로 구성
			http:// 127.0.0.1:8020/ basicHTML/07.html
		-->
		<!--
			상대 URL
 			단순하게 페이지에 대한 경로만으로 구성
 
			링크 페이지가 동일한 폴더에 존재 : ./파일명, 파일명
		 링크 페이지가 자식 폴더에 존재 : 폴더/파일명
		 링크 페이지가 손자 폴더에 존재 : 폴더/폴더/파일명
		 링크 페이지가 부모 폴더에 존재 : ../폴더/파일명
		 링크 페이지가 조상 폴더에 존재 : ../../파일명
		-->
		
		
		
		
	</body>
</html>



